import React from 'react';
import { Icon } from './base';

/**
 * &#xe777; 购物袋
 *
 * @export
 * @class IconShoppingBag
 * @extends {Icon}
 */
export default class IconShoppingBag extends Icon {
    render() {
        const { color, className, style } = this.props;

        const { width, height } = this.getSize();

        return (
            <svg viewBox="0 0 1024 1024" width={width} height={height} style={style} className={className}>
                <path
                    d="M742.4 401.066667c0-29.013333-23.893333-51.2-51.2-51.2h-35.84c0-71.68-61.44-128-136.533333-128s-134.826667 58.026667-136.533334 129.706666h-44.373333c-13.653333 0-27.306667 5.12-35.84 15.36-10.24 10.24-15.36 22.186667-15.36 35.84l1.706667 307.2c0 13.653333 5.12 27.306667 15.36 35.84l40.96 39.253334c10.24 10.24 22.186667 15.36 35.84 15.36l271.36-1.706667c13.653333 0 27.306667-5.12 37.546666-15.36l39.253334-40.96c8.533333-10.24 13.653333-22.186667 13.653333-35.84V401.066667z m-221.866667-145.066667c56.32 0 100.693333 42.666667 102.4 93.866667H419.84c-1.706667-51.2 44.373333-93.866667 100.693333-93.866667z m184.32 462.506667L665.6 759.466667c-3.413333 3.413333-8.533333 5.12-11.946667 5.12l-271.36 1.706666c-5.12 0-8.533333-1.706667-11.946666-5.12l-40.96-39.253333c-3.413333-3.413333-5.12-6.826667-5.12-11.946667l-1.706667-307.2c0-5.12 1.706667-8.533333 5.12-11.946666s6.826667-5.12 11.946667-5.12h44.373333v63.146666c0 10.24 6.826667 17.066667 17.066667 17.066667s17.066667-6.826667 17.066666-17.066667v-63.146666h203.093334v63.146666c0 10.24 6.826667 17.066667 17.066666 17.066667s17.066667-6.826667 17.066667-17.066667v-63.146666h35.84c10.24 0 17.066667 8.533333 17.066667 17.066666l1.706666 305.493334c0 3.413333-1.706667 6.826667-5.12 10.24z"
                    fill={color}
                />
            </svg>
        );
    }
}
